.works-section {
  @apply py-section bg-white;
}

.works-container {
  @apply inner-width;
}

.works-grid {
  @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8;
}

.work-item {
  @apply relative overflow-hidden rounded-lg;
}

.work-item:hover .work-image {
  @apply scale-110;
}

.work-image {
  @apply w-full aspect-video object-cover transition-transform duration-300;
}

.work-info {
  @apply absolute inset-0 flex flex-col items-center justify-center bg-black/50 opacity-0 transition-opacity duration-300;
}

.work-item:hover .work-info {
  @apply opacity-100;
}

.work-title {
  @apply text-xl font-semibold mb-2 text-white;
}

.work-category {
  @apply text-white/80 font-medium mb-4;
}

.work-links {
  @apply flex gap-4;
}

.work-icon {
  @apply text-2xl text-white hover:text-primary transition-colors;
}

.work-default-title {
  @apply absolute bottom-4 left-4 text-xl font-semibold text-white z-10 bg-black/50 opacity-100 transition-opacity duration-300;
}

.work-item:hover .work-default-title {
  @apply opacity-0;
}